<template>
<<<<<<< HEAD
  <div>
    workbench
=======
  <div class="box">
    <h5>工作台</h5>
    <el-row class="shang" type="flex" justify="space-around">
      <el-card class="box-cardd">
        <div class="tt">
          <div class="rr">
            <el-descriptions title="机构概述" :column="1" :colon="false">
              <el-descriptions-item label="西三旗分拣中心" />
              <el-descriptions-item label="地址:">北京顺义区天澜综合保税区123号</el-descriptions-item>
              <el-descriptions-item label="负责人:">赵五金 12000023591</el-descriptions-item>
              <el-descriptions-item>
                <el-button type="danger" plain>查看营业部分布</el-button>
              </el-descriptions-item>
            </el-descriptions>
          </div>
          <div class="uu">
            <el-descriptions class="margin-top" :column="2" direction="vertical" :colon="false">
              <el-descriptions-item label="分拣中心(个)" class="shu"><span class="pp">1</span></el-descriptions-item>
              <el-descriptions-item label="营业部(个)"><span class="pp">4</span></el-descriptions-item>
              <el-descriptions-item label="司机人数(个)"><span class="pp">48</span></el-descriptions-item>
              <el-descriptions-item label="快递员人数(个)"><span class="pp">64</span></el-descriptions-item>
            </el-descriptions>
          </div>
        </div>

      </el-card>
      <el-card class="box-card">
        <el-descriptions class="margin-top" title="今日数据" :colon="false" :column="3" direction="vertical">
          <el-descriptions-item label="订单金额（元）"><span class="jj">2,284</span></el-descriptions-item>
          <el-descriptions-item label="订单数量（笔）"><span class="jj">193</span></el-descriptions-item>
          <el-descriptions-item label="运输任务（次）"><span class="jj">48</span></el-descriptions-item>
        </el-descriptions>
        <div class="hh">
          <el-descriptions>
            <el-descriptions-item label="较昨日">+342 <span><i class="el-icon-top" /></span> </el-descriptions-item>
            <el-descriptions-item label="较昨日">+342 <span><i class="el-icon-top" /></span> </el-descriptions-item>
            <el-descriptions-item label="较昨日">+342 <span><i class="el-icon-top" /></span> </el-descriptions-item>
          </el-descriptions>
        </div>
      </el-card>
    </el-row>
>>>>>>> develop
  </div>
</template>

<script>
export default {

}
</script>

<style>
<<<<<<< HEAD

=======
.jj{
  color: black;
  font-size: 30px;
  font-weight: 800;
}
.el-icon-top{
  font-weight: 900;
  color: brown;
}
.hh{
margin-left: 20px;
}
.pp{
  color: brown;
  font-weight: 700;
  font-size: 30px;
}
.box{
  background-color: #f3f5f9;
}
 .text {
    font-size: 14px;
  }

.shang{
width: 1350px;
}
  .box-cardd {
    width: 700px;
    height: 250px;
    margin-left: 10px;
  }
  .box-card{
width: 570px;
margin-right: 40px;
  }
  h5{
width: 100%;
height: 50px;
line-height: 50px;
  }
  .tt{
    display: flex;
    justify-content: space-between;
    width:660px;
    height: 250px;
  }
  .rr{
width: 300px;
  }
  .uu{
    width: 360px;
    height: 170px;
    margin-top: 40px;
    border-left:3px solid #f3f5f9;
    /* background-color: bisque; */
  }
  .margin-top{
    margin-left: 20px;
  }
>>>>>>> develop
</style>
